<template>
  <vxe-layout-container>
    <vxe-layout-aside style="width: 300px;">
      <vxe-layout-header class="layout-header">
        <vxe-input style="width: 240px;" v-model="QueryParams.CustomerName" suffix-icon="vxe-icon-search"
          @suffix-click="handleQuery"></vxe-input>
      </vxe-layout-header>
      <vxe-grid ref="leftgrid" v-bind="LeftGridOptions" @cell-click="handleLeftGridCellClick">
      </vxe-grid>
    </vxe-layout-aside>

    <vxe-layout-container vertical>
      <el-tabs v-model="selectTab" type="card" :height="750" @tab-click="handleTopTabClick">
        <el-tab-pane label="审核项目" name="tab1" style="padding: 5px;">
          <vxe-grid ref="tab1TopGrid" v-bind="Tab1TopGridOptions" @cell-click="handleTab1TopGridCellClick">
            <template #auditStatus="{ row }">
              <vxe-tag v-if="row.shzt == 'N'" status='error' content="未审核"></vxe-tag>
              <vxe-tag v-else status='success' content="已审核"></vxe-tag>
            </template>
          </vxe-grid>
          <el-tabs v-model="childSelectTab" type="card" style="margin-top: 15px;" @tab-click="handleTab1ChildTabClick">
            <el-tab-pane label="排程" name="childtab1" style="padding: 5px;">
              <vxe-grid ref="tab1ChildTab1" v-bind="Tab1ChildTab1GridOptions" />
            </el-tab-pane>
            <el-tab-pane label="执行" name="childtab2" style="padding: 5px;">
              <vxe-grid ref="tab1ChildTab2" v-bind="Tab1ChildTab2GridOptions">
                <template #status="{ row }">
                  <vxe-tag v-if="row.lczt == 'N'" status='error' content="未完成"></vxe-tag>
                  <vxe-tag v-else status='success' content="已完成"></vxe-tag>
                </template>
              </vxe-grid>
            </el-tab-pane>
            <el-tab-pane label="收款" name="childtab3" style="padding: 5px;">
              <vxe-grid ref="tab1ChildTab3" v-bind="Tab1ChildTab3GridOptions">        
                <template #receiveStatus="{ row }">
                  <vxe-tag v-if="row.skzt == 'N'" status='error' content="未收款"></vxe-tag>
                  <vxe-tag v-else status='success' content="已收款"></vxe-tag>
                </template>
              </vxe-grid>
            </el-tab-pane>
            <el-tab-pane label="开票" name="childtab4" style="padding: 5px;">
              <vxe-grid ref="tab1ChildTab4" v-bind="Tab1ChildTab4GridOptions" >        
                <template #invoiceStatus="{ row }">
                  <vxe-tag v-if="row.kpzt == 'N'" status='error' content="未开票"></vxe-tag>
                  <vxe-tag v-else status='success' content="已开票"></vxe-tag>
                </template>
              </vxe-grid>
            </el-tab-pane>
          </el-tabs>
        </el-tab-pane>
        <el-tab-pane label="跟单" name="tab2" style="padding: 5px;">
          <vxe-grid ref="tab2TopGrid" v-bind="Tab2TopGridOptions" >
            </vxe-grid>
        </el-tab-pane>
        <el-tab-pane label="管理体系" name="tab3" style="padding: 5px;">
          <vxe-grid ref="tab3TopGrid" v-bind="Tab3TopGridOptions" >
            </vxe-grid>
        </el-tab-pane>
      </el-tabs>
    </vxe-layout-container>
  </vxe-layout-container>

</template>
<style></style>
<script>
import CustomerResume from './index.js';
export default CustomerResume;
</script>
